
<template>
<div>
    <div class="form-login" v-show="login">
      <a
        href="javascript:void(0);"
        class="topLogin_btn topLogin_btn_back J_back"
        @click="returnProcess"
        >返回</a
      >
      <a
        href="javascript:void(0);"
        class="topLogin_btn J_shuntReg"
        v-link="{ name: 'register' }"
        >注册</a
      >
      <form action="" method="post" id="login_form">
        <div class="form_mod_wrap mb15 r3">
          <div class="form_mod">
            <div>
              <input
                type="text"
                class="userselect text js-uname"
                name="username"
                placeholder="昵称/邮箱/手机号"
              />
            </div>
          </div>
          <div class="form_mod">
            <div>
              <input
                type="password"
                class="userselect text js-pwd"
                name="password"
                placeholder="密码"
              />
            </div>
          </div>
        </div>
        <div
          class="form_check"
          style="-webkit-transform: none !important"
        ></div>
        <div class="login_show">
          <span class="login_btn">登录</span>
        </div>
        <div class="other-login">
          <a href="javascript:void(0);" class="login-qq js-third-login"></a>
          <a href="javascript:void(0);" class="login-wb js-third-login"></a>
        </div>
      </form>
    </div>

    <div class="form-regist" v-show="regist">
      <a href="javascript:;" class="topLogin_btn topLogin_btn_back J_back"
        >返回</a
      >
      <a href="javascript:;" class="topLogin_btn J_shuntLogin">登录</a>
      <form action="" method="post" id="regist_form">
        <div class="form_mod_wrap w4">
          <div class="form_mod">
            <div>
              <input
                type="tel"
                id="telNo"
                class="userselect text"
                name="phone"
                placeholder="手机号"
              />
            </div>
          </div>
          <div class="form_mod clearfix tel_validate">
            <div class="val">
              <input
                type="text"
                class="userselect"
                name="validate"
                placeholder="验证码"
              />
              <div class="count grey fr">点击获取</div>
            </div>
          </div>
          <div class="form_mod">
            <div>
              <input
                type="password"
                class="userselect text"
                name="password"
                placeholder="密码"
              />
            </div>
          </div>
        </div>
        <div class="regist_show">
          <a href="javascript:;" class="regist_btn">立即注册</a>
        </div>
      </form>
    </div>
  </div>
</div>
  
</template>

<script>
export default {
  data() {
    return {
      shunt: true,
      login: false,
      regist: false,
     
    };
  },
  props: ["loginpic"],
  methods: {
    //显示登陆,注册流程
    showProcess() {
      this.shunt = false;
      this.login = true;
    },
    //隐藏登陆,注册流程
    returnProcess() {
      this.login = false;
      this.shunt = true;
    },
  },
};
</script>
<style scoped>

</style>